.wallet-home-page {
	background-color: #f8f8f8;
	height: 100%;
	padding-bottom: 0.58rem;
	position: relative;
	box-sizing: border-box;

	.content {
		//padding-top: $fontSize8;
		background-color: #f8f8f8;

		.am-notice-bar {
			background-color: #fff7ea;
			height: 0.6rem;
			overflow: hidden;
			font-size: 0.24rem;
			line-height: 0.6rem;
			color: #f76a24;
			display: flex;
			position: absolute;
			width: 100%;

			.am-notice-bar-content {
				flex: 1 1;
				width: 100%;
				margin: auto 0.3rem;
				width: auto;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				color: #f5a623;
			}
		}

		.popover-div {
			width: 30%;
			height: auto;
			position: absolute;

			right: 0.3rem;
		}

		.top-div {
			width: 100%;
			background: linear-gradient(
				360deg,
				rgba(149, 222, 157, 0) 0%,
				rgba(92, 186, 100, 1) 100%
			);
			padding-top: 0.7rem;
			box-sizing: border-box;
			margin-bottom: 0.34rem;

			.top-content {
				width: 6.9rem;
				background: rgba(255, 255, 255, 1);
				box-shadow: 0px 0.04rem 0.22rem 0px rgba(19, 11, 11, 0.06);
				border-radius: 0.08rem;
				margin: 0 auto;
				position: relative;
				padding-top: 0.68rem;
				box-sizing: border-box;
				padding-bottom: 0.4rem;

				.line-1 {
					width: 100%;
					height: 0.36rem;
					text-align: center;
					font-size: 0.26rem;
					font-weight: 400;
					color: rgba(84, 84, 84, 1);
					line-height: 0.36rem;
					display: flex;
					justify-content: center;
					align-items: center;

					img {
						width: 0.34rem;
						height: 0.34rem;
					}

					.line-1-arrow {
						width: 0.14rem;
						height: 0.24rem;
						margin-left: 0.16rem;
					}
				}

				.line-2 {
					position: relative;
					width: 100%;
					height: 0.9rem;
					text-align: center;
					font-size: 0.9rem;
					font-weight: 400;
					color: rgba(51, 51, 51, 1);
					line-height: 0.9rem;
					letter-spacing: 1px;
				}

				.l-120 {
					height: 1.26rem;
					font-size: 0.9rem;
					font-weight: 600;
					color: rgba(51, 51, 51, 1);
					line-height: 1.26rem;
					letter-spacing: 1px;
				}

				.top-content-tips {
					position: absolute;
					width: 100%;
					height: 0.42rem;
					font-size: 0.3rem;
					font-weight: 500;
					color: rgba(84, 84, 84, 1);
					line-height: 0.42rem;
					text-align: center;
					margin-top: 0.14rem;
					display: flex;
					justify-content: center;
					align-items: center;

					span {
						color: #d8433b;
					}

					img {
						width: 0.34rem;
						height: 0.34rem;
						margin-left: 0.1rem;
					}
				}

				.line-3 {
					width: 100%;
					display: flex;
					flex-direction: row;
					justify-content: space-around;
					margin-top: 0.33rem;

					.item {
						min-width: 1.92rem;
						height: 0.56rem;
						background: rgba(64, 177, 93, 0.1);
						border-radius: 0.28rem;
						text-align: center;
						line-height: 0.56rem;
						color: #545454;
					}
				}

				.open-ed {
					margin-top: 1.5rem;
				}

				.line-4 {
					width: 100%;
					height: 0.9rem;
					display: flex;
					flex-direction: row;
					justify-content: space-around;
					//background-color: #9C27B0;
					align-items: center;
					margin-top: 1.02rem;

					.item {
						display: flex;
						flex-direction: column;
						align-items: center;

						.item-top {
							width: 100%;
							height: 0.36rem;
							font-size: 0.26rem;
							font-weight: 400;
							color: rgba(169, 169, 169, 1);
							line-height: 0.36rem;
						}

						.item-bottom {
							width: 0.68rem;
							height: 0.48rem;
							font-size: 0.34rem;
							font-weight: 600;
							color: rgba(3, 3, 3, 1);
							line-height: 0.48rem;
							margin-top: 0.1rem;
						}
					}
				}

				.line-5 {
					display: flex;
					flex-direction: row;
					justify-content: center;
					margin-top: 0.51rem;

					.item {
						width: 2.8rem;
						height: 0.86rem;
						background: rgba(64, 177, 93, 0.15);
						border-radius: 0.08rem;
						text-align: center;
						line-height: 0.86rem;
						font-size: 0.3rem;
					}

					.t-b {
						color: #40b15d;
					}

					.t-w {
						background-color: #40b15d;
						color: #ffffff;
						margin-left: 0.3rem;
					}

					.t-g {
						opacity: 0.5;
					}

					.b-g {
						background-color: #b3b3b3;
					}
				}

				.line-6 {
					position: relative;
					width: 100%;
					min-height: 1.36rem;

					//margin-top: 1.24rem;
					.step-img {
						position: relative;
						width: 87%;
						height: 2.2rem;
						display: block;
						margin: 0 auto;
					}

					.btn-common {
						display: block;
						width: 92.8%;
						height: 0.8rem;
						// background: rgba(64, 177, 93, 1);
						background: linear-gradient(90deg, #40b15c 0%, #40b15d 100%);
						border-radius: 0.08rem;
						font-size: 0.34rem;
						color: #ffffff;
						margin: 0.88rem 3.6% 0.14rem 3.6%;
						/* border-radius: 3px;*/
						text-align: center;
						line-height: 0.8rem;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						justify-content: center;
					}

					.btn-disable {
						display: block;
						width: 92.8%;
						height: 0.8rem;
						background: #ccc;
						border-radius: 0.08rem;
						font-size: 0.34rem;
						color: #ffffff;
						margin: 0.88rem 3.6% 0.14rem 3.6%;
						/* border-radius: 3px;*/
						text-align: center;
						line-height: 0.8rem;
						box-sizing: border-box;
						-webkit-box-sizing: border-box;
						justify-content: center;
					}

					.btn-gray {
						background-color: #cbcbcb;
					}

					.contract_content {
						min-height: 0.34rem;
						//margin-right: 0.2rem;
						width: 100%;
						font-size: 0.24rem;
						text-align: center;
						box-sizing: border-box;

						.am-checkbox-agree .am-checkbox-agree-label {
							font-size: 0.24rem;
							color: #9b9b9b;
							text-align: left;
						}

						.am-checkbox-inner {
							width: 0.28rem;
							height: 0.3rem;
							border-radius: unset;
						}

						.am-checkbox.am-checkbox-checked .am-checkbox-inner {
							background-color: #40b15d;
							border-color: #40b15d;
						}

						.am-checkbox-agree .am-checkbox-agree-label {
							margin-left: 20px;
						}

						a {
							font-size: 0.24rem;
							color: #00a0dd;
						}

						.am-checkbox-inner:after {
							width: 5px;
							height: 11px;
							right: 3px;
							top: 0;
						}
					}
				}
			}

			.mt-20 {
				margin-top: 0.2rem;
			}
		}

		.line-7 {
			width: 100%;
			height: 1.3rem;
			display: flex;
			flex-direction: row;
			justify-content: space-around;
			align-items: center;
			background-color: #ffffff;
			box-sizing: border-box;
			//margin-top: 0.2rem;

			.item-img {
				width: 0.56rem;
				margin-left: 0.36rem;
			}

			.item-center {
				flex: 1;
				margin-left: 0.24rem;

				.c-1 {
					width: 100%;
					height: 0.42rem;
					font-size: 0.3rem;
					font-weight: 500;
					color: rgba(85, 85, 85, 1);
					line-height: 0.42rem;
				}

				.c-2 {
					width: 100%;
					height: 0.34rem;
					font-size: 0.24rem;
					font-weight: 400;
					color: rgba(157, 157, 157, 1);
					line-height: 0.34rem;
				}
			}

			.item-right {
				flex: 1.4;
				display: flex;
				flex-direction: row;
				justify-content: flex-end;
				align-items: center;
				text-align: right;
				max-width: 50%;

				.r-1 {
					//flex: 1;

					height: 0.42rem;
					font-size: 0.3rem;
					font-weight: 500;
					color: rgba(85, 85, 85, 1);
					line-height: 0.42rem;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				.next-arrow {
					width: 0.13rem;
					height: 0.22rem;
					margin-left: 0.22rem;
					margin-right: 0.28rem;
				}
			}
		}

		.line-8 {
			width: 100%;
			height: 1.88rem;
			display: flex;
			flex-direction: row;
			justify-content: space-around;
			align-items: center;
			background-color: #ffffff;
			box-sizing: border-box;
			margin-top: 0.2rem;

			.item {
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.item-img {
					width: 0.7rem;
					height: 0.7rem;
				}

				.item-text {
					width: 100%;
					height: 0.42rem;
					font-size: 0.3rem;
					font-weight: 400;
					color: rgba(84, 84, 84, 1);
					line-height: 0.42rem;
					text-align: center;
					margin-top: 0.16rem;
				}
			}
		}
	}

	.page-bottom {
		width: 100%;
		height: auto;
		//position: absolute;
		//bottom: 0.16rem;
		margin-top: 0.68rem;

		.tips-1 {
			width: 100%;
			height: 0.44rem;
			font-size: 0.24rem;
			font-weight: 400;
			color: rgba(80, 145, 255, 1);
			line-height: 0.54rem;
			text-align: center;
		}

		.tips-2 {
			width: 100%;
			height: 0.54rem;
			font-size: 0.24rem;
			font-weight: 400;
			color: #888888;
			line-height: 0.44rem;
			text-align: center;
		}
	}
}

.moreAccountDialog {
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
	font-size: 0.34rem;
	position: absolute;
	text-align: center;
	right: 0%;
	top: -90%;
	padding: 0.34rem 0.28rem;
	bottom: 10%;
	width: 100%;
	height: 90%;
	z-index: 999;
	background: #ffffff;

	.dialog-tittle {
		padding-bottom: 0.34rem;
	}

	.dialog-content1 {
		position: relative;
		height: 100%;
		//border-top: 1px solid #C9C9C9;
		text-align: left;
		line-height: 0.68rem;
		padding: 0.28rem 0.34rem;

		.dialog-c-scroll {
			width: 100%;
			height: 8rem;
			overflow-y: scroll;
		}

		.margin-28-div {
			margin-left: 0.28rem;
		}

		.label-copy {
			border: 1px solid #bdbdbd;
			padding: 0 0.18rem;
			color: #a1c4a6;
			margin-left: 0.2rem;
			border-radius: 6px;
		}

		.label-bank {
			color: #ff9e48;
		}
	}

	.close-dialog {
		position: absolute;
		bottom: 15%;
		width: 100%;
		margin-left: -0.28rem;
		text-align: center;

		div {
			display: inline-block;
			background-image: url("../../../images/codeMsg/icon_close.png");
			background-size: 100% 100%;
			width: 0.56rem;
			height: 0.56rem;
		}
	}
}

//.dialog-show {
//  display: inline-block;
//}

@keyframes fade-in {
	0% {
		top: -90%;
	}

	20% {
		top: -70%;
	}

	40% {
		top: -50%;
	}

	60% {
		top: -30%;
	}

	80% {
		top: -10%;
	}

	100% {
		top: 10%;
	}
}

@-webkit-keyframes fade-in {
	/*针对webkit内核*/
	0% {
		top: -90%;
	}

	20% {
		top: -70%;
	}

	40% {
		top: -50%;
	}

	60% {
		top: -30%;
	}

	80% {
		top: -10%;
	}

	100% {
		top: 10%;
	}
}

.wrapper-in {
	animation: fade-in;
	/*动画名称*/
	animation-duration: 0.4s;
	/*动画持续时间*/
	-webkit-animation: fade-in 0.4s;
	/*针对webkit内核*/
	top: 9%;
}

@keyframes fade-out {
	0% {
		top: 10%;
	}

	20% {
		top: -10%;
	}

	40% {
		top: -30%;
	}

	60% {
		top: -50%;
	}

	80% {
		top: -70%;
	}

	100% {
		top: -90%;
	}
}

@-webkit-keyframes fade-out {
	/*针对webkit内核*/
	0% {
		top: 10%;
	}

	20% {
		top: -10%;
	}

	40% {
		top: -30%;
	}

	60% {
		top: -50%;
	}

	80% {
		top: -70%;
	}

	100% {
		top: -90%;
	}
}

.wrapper-out {
	animation: fade-out;
	/*动画名称*/
	animation-duration: 0.28s;
	/*动画持续时间*/
	-webkit-animation: fade-out 0.28s;
	/*针对webkit内核*/
	right: 0%;
	top: -90%;
}

.wallet-home-modal {
	.aa-aa {
		background-color: red;
	}

	.bb-bb {
		background-color: red;
	}

	.popup-list {
		.am-list-body {
			background-color: #f0f0f0;
		}

		.item {
			text-align: center;
		}

		.cancel-btn {
			text-align: center;
		}

		.am-list-item:last-child {
			margin-top: 0.1rem;
		}
	}
}

.wallet-home-modal2 {
	width: 6.6rem;
	.payBack-play-button {
		width: 4.18rem;
		height: 0.9rem;
		background: #40b15d; //rgba(248,38,51,1);
		border-radius: 0.46rem;
		color: white !important;
		margin: 0 auto 0.2rem auto;
	}
	.am-modal-content .am-modal-body {
		padding: 0 5px 5px 10px !important;
		box-sizing: border-box;
	}

	.am-modal-content {
		text-align: left;
	}

	.payBack-play-box {
		position: relative;
		width: 100%;
		height: 8rem;
		box-sizing: border-box;

		.payBack-play-heard {
			height: 0.7rem;
			width: 100%;
			margin-bottom: 0.1rem;
			background-color: #ffffff;
			position: absolute;

			h2 {
				color: #030303;
				font-size: 0.34rem;
				font-weight: 500;
				text-align: center;
			}

			i {
				display: block;
				width: 0.3rem;
				height: 0.3rem;
				line-height: 0.3rem;
				color: #828282;
				text-align: center;
				position: absolute;
				top: 40%;
				right: 0.2rem;
				transform: translateY(-50%);
			}
		}
		// .content-d{

		//   display: block;
		//   padding-right: 0.02rem;
		//   flex: 1;
		//   position: absolute;
		//   bottom: 0;
		//   margin-top: 0.7rem;
		//   height: 4.3rem;
		//   text-align:left;
		//   overflow-y: scroll;
		// }
		.board-content-box {
			display: block;
			width: 100%;
			position: absolute;
			bottom: 0;
			margin-top: 1rem;
			padding-top: 0.8rem;
			text-align: left;
			overflow-y: scroll;

			.content-d {
				text-indent: 2em !important;
			}
		}
	}
}
